@import "../../style/modules/color";
@import "../../style/modules/function";

.msg-content {
    font-size: rpx(25);
    padding: 0 rpx(25);
    color: #666;
    text-align: center;
}

.list-wrapper {
    margin-top: rpx(15);

    .item {
        height: rpx(80);
        padding: 0 rpx(25);
        display: flex;
        align-items: center;
        font-size: rpx(30);
        background-color: #fff;
        border-bottom: 1px solid #f7f7f7;

        input {
            font-size: rpx(30);
        }

        &:last-of-type {
            border-bottom: none;
        }

        .label {
            white-space: nowrap;
            padding-right: 1em;

            &.state {
                color: $main-color;
            }
        }

        .text {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: space-between;

            .btn {
                display: inline-block;
                font-size: rpx(26);
                padding: 0 rpx(20);
                height: rpx(60);
                line-height: rpx(60);
                border-radius: rpx(5);
                border: 1px solid $main-color;
                background: #fff;
                color: $main-color;
            }
        }
    }
}

.list-wrapper .item .text picker,
.list-wrapper .item .text .picker,
.list-wrapper .item .text input {
    height: rpx(80);
    display: block;
    flex: 1;
    width: 100%;
}

.btn {
    &.button-hover {
        opacity: 0.8;
    }

    &.disabled {
        background-color: #eee !important;
        border-color: #eee !important;
        color: #666 !important;
    }
}

.bingPhone {
    display: block;
    margin: rpx(100) rpx(25) rpx(50);
    background-color: $main-color;
    color: #fff;
    border-radius: rpx(5);
    font-size: rpx(30);
    height: rpx(80);
}

.getPhone {
    @extend .bingPhone;
    margin: rpx(30) rpx(25);
}
